<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>小米商城</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/whiteArea.css">
    <link rel="stylesheet" href="css/grayArea.css">
    <link rel="icon" href="images/favicon.ico">
    <link rel="stylesheet" href="iconfont/iconfont.css">
</head>

<body>
    <!-- 顶部广告 -->
    <div class="banner-topbar"></div>
    <!-- 顶部导航 -->
    <div class="site-topbar">
        <div class="in-topbar clearfix md">
            <div class="nav-topbar left">
                <a href="javascript:;">小米商城</a>
                <span>|</span>
                <a href="javascript:;">MIUI</a>
                <span>|</span>
                <a href="javascript:;">IoT</a>
                <span>|</span>
                <a href="javascript:;">云服务</a>
                <span>|</span>
                <a href="javascript:;">金融</a>
                <span>|</span>
                <a href="javascript:;">有品</a>
                <span>|</span>
                <a href="javascript:;">小爱开放平台</a>
                <span>|</span>
                <a href="javascript:;">企业团购</a>
                <span>|</span>
                <a href="javascript:;">资质证照</a>
                <span>|</span>
                <a href="javascript:;">协议规则</a>
                <span>|</span>
                <a href="javascript:;">下载app</a>
                <span>|</span>
                <a href="javascript:;">智能生活</a>
                <span>|</span>
                <a href="javascript:;">Select Location</a>
            </div>
            <div class="login-topbar clearfix right">
                <a href="javascript:;">登录</a>
                <span>|</span>
                <a href="javascript:;">注册</a>
                <span>|</span>
                <a href="javascript:;">消息通知</a>
                <a href="javascript:;" class="cart">
                    <i class="iconfont icon-icon8"></i>
                    <em>购物车（0）</em>
                    <div class="cart-menu">购物车中还没有商品，赶紧选购吧!</div>
                </a>
            </div>
        </div>
    </div>
    <!-- 网站头部 -->
    <div class="site-header clearfix md">
        <div class="header-logo left">
            <!-- logo -->
            <a href="javascript:;">
                <h1>小米官网</h1>
            </a>
        </div>
        <!-- 头部导航 -->
        <ul class="header-nav clearfix">
            <li><a href="javascript:;" class="link">小米手机</a></li>
            <li><a href="javascript:;" class="link">Redmi 红米</a></li>
            <li><a href="javascript:;" class="link">电视</a></li>
            <li><a href="javascript:;" class="link">笔记本</a></li>
            <li><a href="javascript:;" class="link">家电</a></li>
            <li><a href="javascript:;" class="link">路由器</a></li>
            <li><a href="javascript:;" class="link">智能硬件</a></li>
            <li><a href="javascript:;" class="link">服务</a></li>
            <li><a href="javascript:;" class="link">社区</a></li>
        </ul>
        <!-- 头部搜索 -->
        <div class="header-search right">
            <input type="search" class="" placeholder="小米10">
            <button class="iconfont icon-sousuo">
        </div>
    </div>
    <!-- banner -->
    <div class="home-hero">
        <div class="banner-wrapper md">
            <!-- 轮播图 -->
            <ul class="banner-img">
                <li>
                    <a href="javascript:;"></a>
                </li>
            </ul>
            <!-- 侧边栏 -->
            <ul class="site-category">
                <li>
                    <a href="javascript:;">
                        <span class="text left">手机 电话卡</span>
                        <i class="iconfont icon-icon_arrow_right right"></i>
                    </a>
                    <div class="category-item">1</div>
                </li>
                <li>
                    <a href="javascript:;">
                        <span class="text left">电视 盒子</span>
                        <i class="iconfont icon-icon_arrow_right right"></i>
                    </a>
                    <div class="category-item">2</div>
                </li>
                <li>
                    <a href="javascript:;">
                        <span class="text left">笔记本 显示器</span>
                        <i class="iconfont icon-icon_arrow_right right"></i>
                    </a>
                    <div class="category-item">3</div>
                </li>
                <li>
                    <a href="javascript:;">
                        <span class="text left">家电 插线板</span>
                        <i class="iconfont icon-icon_arrow_right right"></i>
                    </a>
                    <div class="category-item">4</div>
                </li>
                <li>
                    <a href="javascript:;">
                        <span class="text left">出行 穿戴</span>
                        <i class="iconfont icon-icon_arrow_right right"></i>
                    </a>
                    <div class="category-item">5</div>
                </li>
                <li>
                    <a href="javascript:;">
                        <span class="text left">智能 路由器</span>
                        <i class="iconfont icon-icon_arrow_right right"></i>
                    </a>
                    <div class="category-item">6</div>
                </li>
                <li>
                    <a href="javascript:;">
                        <span class="text left">电源 配件</span>
                        <i class="iconfont icon-icon_arrow_right right"></i>
                    </a>
                    <div class="category-item">7</div>
                </li>
                <li>
                    <a href="javascript:;">
                        <span class="text left">健康 儿童</span>
                        <i class="iconfont icon-icon_arrow_right right"></i>
                    </a>
                    <div class="category-item">8</div>
                </li>
                <li>
                    <a href="javascript:;">
                        <span class="text left">耳机 音响</span>
                        <i class="iconfont icon-icon_arrow_right right"></i>
                    </a>
                    <div class="category-item">9</div>
                </li>
                <li>
                    <a href="javascript:;">
                        <span class="text left">生活 箱包</span>
                        <i class="iconfont icon-icon_arrow_right right"></i>
                    </a>
                    <div class="category-item">10</div>
                </li>
            </ul>
            <!-- 左箭头 -->
            <a href="javascript:;" class="arrowLeft"></a>
            <!-- 右箭头 -->
            <a href="javascript:;" class="arrowRight"></a>
            <!-- 分液器 -->
            <ol class="page">
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ol>
        </div>
    </div>
    <!-- banner下面区域 -->
    <div class="home-hero-sub">
        <div class="home-list md clearfix">
            <ul class="home-channel clearfix left">
                <li>
                    <a href="javascript:;">
                        <i class="iconfont icon-shizhong"></i>
                        <span>小米秒杀</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <i class="iconfont icon-jianzhu"></i>
                        <span>企业团购</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <i class="iconfont icon-F_round"></i>
                        <span>F码通道</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <i class="iconfont icon-SSDqia"></i>
                        <span>米粉卡</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <i class="iconfont icon-jinqian-fanli"></i>
                        <span>以旧换新</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <i class="iconfont icon-24huafei"></i>
                        <span>话费充值</span>
                    </a>
                </li>
            </ul>
            <ul class="list-img right clearfix">
                <li>
                    <a href="javascript:;">
                        <img src="images/homelist1.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src="images/homelist2.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src="images/homelist3.jpg" alt="">
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div class="grayArea">
        <div class="grayAreaIn md">
            <!-- 小米闪购 -->
            <div class="home-flashsale">
                <div class="box-hd">
                    <h2>小米闪购</h2>
                    <div class="controls">
                        <a href="javascript:;">
                            <i class="iconfont icon-icon_arrow_left"></i>
                        </a>
                        <a href="javascript:;">
                            <i class="iconfont icon-icon_arrow_right"></i>
                        </a>
                    </div>
                </div>
                <div class="row">
                    <div class="flashsale-countdown">
                        <div class="round">10:00 场</div>
                        <img src="data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAA1CAYAAAAklDnhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJ
                        bWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdp
                        bj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6
                        eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1
                        MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJo
                        dHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlw
                        dGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAv
                        IiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RS
                        ZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpD
                        cmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5j
                        ZUlEPSJ4bXAuaWlkOjY4Q0ZFMkY5MTJFNzExRThCMkM4OEM1RTNBNjczQUVBIiB4bXBNTTpEb2N1
                        bWVudElEPSJ4bXAuZGlkOjY4Q0ZFMkZBMTJFNzExRThCMkM4OEM1RTNBNjczQUVBIj4gPHhtcE1N
                        OkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjhDRkUyRjcxMkU3MTFFOEIy
                        Qzg4QzVFM0E2NzNBRUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjhDRkUyRjgxMkU3MTFF
                        OEIyQzg4QzVFM0E2NzNBRUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94Onht
                        cG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5oEyacAAACoklEQVR42sSYv0tbURTHX0LqD6T4g4pE
                        cHDoUOloBxVd/QFFEcQqWtrSKlKFmmAslopohzgIbv4FwUEE0clFujiIi+BSIbRQ0ooKRReRULHf
                        S48Qgu++c3/FAx+iyU3eJzf3nnPuC/1qavQ04zVY8szjCHRGNN9cBD6DSkOJKzAGzsOaH/AW1FuY
                        jRg4EH/oiJSCTxYk1sDK7T86Iu9BraHED/Au9wlVkYdg2lAiC/rBhYnIB/DIUOQj2M9/UkWkCsQN
                        JbbA8l0vqIhMgXIDiZ/gFbgxEakBEwYSf8Eg+OM3gCsyA8oMRETy25UN4IjUgVEDiW2wGDSIIzIL
                        ijUljsFLv3WhIvKYFphOXNO6OOUMDhKZA7qFcQF85Q6WXeQpeKEpcULlvY8xthp8iwR8I93qLLb7
                        KnOsSPWNfhd6Bro99yHqTi9IhyWzEXIsIXbSG7Djt1jbQHsBZkMkyZRs13wpgIRoiJKy7dsBWh1L
                        bN5Vt3JFQrQ2XMYeGKBk5yvSI7aRQ4k0eA4uZZlVPM47lDgTZxd6lKb4AcqkLuKSZiIdVGsiVFNc
                        xDV9yT1Orekjoe+MDw4pHqwmaJewit66Ql0QaX+DOTaZe4DitAFZxQaaEynKnJ6KCDeaQAtj3A7V
                        kBtXIpwT3iFV06zqquaKPKEtKIsM6Mo/StoWiQeMvSCJjO4+54hEwTCjuTk0STgckUm6QxTY3LgU
                        Kc+/jyFrblyKCIkKbnPjSkT8HDGV5saVyBAtVHZz40Ik7HNTRtrcuBARF2tQbW5ciCR0mhvbIs2E
                        cnNjWySh29zYFGnIK25KzY1Nkdziptzc2BKJUu7Qbm5sicQom2o3NzZEKqiu/DZpbmyIjIAHNBMZ
                        7x4iTALjhcgVQSIl3v87w5vePcY/AQYAFYR6skFSqBUAAAAASUVORK5CYII=" alt="小米闪购">
                        <div class="des">本场已结束</div>
                        <div class="countdown">
                            <span>00</span>
                            <i>:</i>
                            <span>00</span>
                            <i>:</i>
                            <span>00</span>
                        </div>
                    </div>
                    <ul class="flashsale-wrapper">
                        <li class="brick-item item-2">
                            <a href="">
                                <img src="images/flashsale1.png" alt="" width="">
                                <h3 class="title">小米户外蓝牙音箱 黑色</h3>
                                <p class="desc">无线随行，声声动听</p>
                                <p class="price">
                                    <span>169元</span>
                                    <del>199元</del>
                                </p>
                            </a>
                        </li>
                        <li class="brick-item item-3">
                            <a href="">
                                <img src="images/flashsale2.png" alt="" width="">
                                <h3 class="title">RedmiBook 13 锐龙版 R5 16G 512G SSD 集显 月光银</h3>
                                <p class="desc">全面屏高性能轻薄本</p>
                                <p class="price">
                                    <span>3599元</span>
                                    <del>3999元</del>
                                </p>
                            </a>
                        </li>
                        <li class="brick-item item-4">
                            <a href="">
                                <img src="images/flashsale3.png" alt="" width="">
                                <h3 class="title">小米真无线蓝牙耳机 Air 2 白色</h3>
                                <p class="desc">智能真无线，轻松舒适戴</p>
                                <p class="price">
                                    <span>299元</span>
                                    <del>399元</del>
                                </p>
                            </a>
                        </li>
                        <li class="brick-item item-5">
                            <a href="">
                                <img src="images/flashsale4.png" alt="" width="">
                                <h3 class="title">贝医生儿童声波电动牙刷（智能故事版） 蓝色</h3>
                                <p class="desc">会讲故事的电动牙刷</p>
                                <p class="price">
                                    <span>249元</span>
                                    <del>299元</del>
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 手机模块广告 -->
            <div class="home-banner">
                <a href="javascript:;">
                    <img src="images/adv2.jpg" alt="">
                </a>
            </div>
            <!-- 手机模块 -->
            <div class="phoneBox">
                <div class="box-hd">
                    <h2>手机</h2>
                    <div class="controls">
                        <a href="javascript:;">
                            <span>查看全部</span>
                            <i class="iconfont icon-jiantou-you-cuxiantiao-fill"></i>
                        </a>
                    </div>
                </div>
                <div class="box-bm phone-bm clearfix">
                    <a href="javascript:;" class="left brick-left"></a>
                    <ul class="brick-item">
                        <li class="left">
                            <a href="javascript:;">
                                <img src="images/phone-right1.jpg" alt="">
                                <h3 class="title">小米10 至尊版</h3>
                                <p class="desc">120X 变焦/120W秒充/120Hz屏幕</p>
                                <p class="price">5299元起</p>
                            </a>
                        </li>
                        <li class="left">
                            <a href="javascript:;">
                                <img src="images/phone-right2.jpg" alt="">
                                <h3 class="title">Redmi K30 至尊版</h3>
                                <p class="desc">120Hz弹出全面屏，天玑1000+旗舰处理器</p>
                                <p class="price">1999元起</p>
                            </a>
                        </li>
                        <li class="left">
                            <a href="javascript:;">
                                <img src="images/phone-right3.jpg" alt="">
                                <h3 class="title">腾讯黑鲨3S</h3>
                                <p class="desc">骁龙865处理器，120Hz刷新率</p>
                                <p class="price">3799元起<del>3999元</del></p>
                            </a>
                        </li>
                        <li class="left">
                            <a href="javascript:;">
                                <img src="images/phone-right4.jpg" alt="">
                                <h3 class="title">Redmi 9A</h3>
                                <p class="desc">5000mAh长循环大电量，6.53"超大护眼屏幕</p>
                                <p class="price">599元起</p>
                            </a>
                        </li>
                        <li class="left">
                            <a href="javascript:;">
                                <img src="images/phone-right5.jpg" alt="">
                                <h3 class="title">小米10 青春版 5G</h3>
                                <p class="desc">50倍潜望式变焦 / 轻薄5G手机</p>
                                <p class="price">1999元起<del>2299元</del></p>
                            </a>
                        </li>
                        <li class="left">
                            <a href="javascript:;">
                                <img src="images/phone-right6.jpg" alt="">
                                <h3 class="title">小米10</h3>
                                <p class="desc">骁龙865/1亿像素相机</p>
                                <p class="price">3799元起<del>3999元</del></p>
                            </a>
                        </li>
                        <li class="left">
                            <a href="javascript:;">
                                <img src="images/phone-right7.jpg" alt="">
                                <h3 class="title">Redmi K30 Pro</h3>
                                <p class="desc">双模5G，骁龙865，弹出全面屏</p>
                                <p class="price">2999元起<del>3699元</del></p>
                            </a>
                        </li>
                        <li class="left">
                            <a href="javascript:;">
                                <img src="images/phone-right8.jpg" alt="">
                                <h3 class="title">Redmi K30 Pro 变焦版</h3>
                                <p class="desc">双模5G，骁龙865，弹出全面屏</p>
                                <p class="price">3399元<del>3999元</del></p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 家电模块广告 -->
            <div class="home-banner">
                <a href="javascript:;">
                    <img src="images/adv3.jpg" alt="">
                </a>
            </div>
            <!-- 家电模块 -->
            <div class="homeBox">
                <div class="box-hd">
                    <h2>家电</h2>
                    <div class="controls">
                        <a href="javascript:;">
                            <span class="checked">热门</span>
                        </a>
                        <a href="javascript:;">
                            <span>电视影音</span>
                        </a>
                    </div>
                </div>
                <div class="box-bm home-bm clearfix">
                    <div class="side-left clearfix">
                        <a href="javascript:;" class="top brick-left"></a>
                        <a href="javascript:;" class="bottom brick-left"></a>
                    </div>
                    <ul class="brick-item">
                        <li class="left">
                            <a href="javascript:;">
                                <img src="images/home-right1.jpg" alt="">
                                <h3 class="title">Redmi 红米电视 70英寸</h3>
                                <p class="desc">70英寸震撼巨屏，4K画质，细腻如真</p>
                                <p class="price">3249元<del>3799元</del></p>
                            </a>
                        </li>
                        <li class="left">
                            <a href="javascript:;">
                                <img src="images/home-right2.jpg" alt="">
                                <h3 class="title">小米全面屏电视E32C</h3>
                                <p class="desc">全面屏设计，人工智能系统</p>
                                <p class="price">899元</p>
                            </a>
                        </li>
                        <li class="left">
                            <a href="javascript:;">
                                <img src="images/home-right3.jpg" alt="">
                                <h3 class="title">小米全面屏电视E55A</h3>
                                <p class="desc">全面屏设计，人工智能语音</p>
                                <p class="price">2299元</p>
                            </a>
                        </li>
                        <li class="left">
                            <a href="javascript:;">
                                <img src="images/home-right4.jpg" alt="">
                                <h3 class="title">米家空调</h3>
                                <p class="desc">出众静音，快速制冷热</p>
                                <p class="price">1499元<del>1799元</del></p>
                            </a>
                        </li>
                        <li class="left">
                            <a href="javascript:;">
                                <img src="images/home-right5.jpg" alt="">
                                <h3 class="title">米家互联网洗烘一体机 Pro 10kg</h3>
                                <p class="desc">智能洗烘，省心省力</p>
                                <p class="price">3299元</p>
                            </a>
                        </li>
                        <li class="left">
                            <a href="javascript:;">
                                <img src="images/home-right6.jpg" alt="">
                                <h3 class="title">Redmi全自动波轮洗衣机1A 8kg</h3>
                                <p class="desc">一键操作，父母都爱用</p>
                                <p class="price">849元<del>899元</del></p>
                            </a>
                        </li>
                        <li class="left">
                            <a href="javascript:;">
                                <img src="images/home-right7.jpg" alt="">
                                <h3 class="title">15.6" 四核i7 16G 独显 512G</h3>
                                <p class="desc">全面均衡的国民轻薄本</p>
                                <p class="price">4699元<del>4899元</del></p>
                            </a>
                        </li>
                        <li class="left last">
                            <a href="javascript:;">
                                <div class="left">
                                    <h3 class="title">Air 13.3" 2019款</h3>
                                    <p class="price">5499元起</p>
                                </div>
                                <img src="images/home-right8.jpg" alt="" class="right">
                            </a>
                        </li>
                        <li class="left last">
                            <a href="javascript:;">
                                <div class="left">
                                    <div class="more">浏览更多</div>
                                    <small>热门</small>
                                </div>
                                <i class="iconfont right icon-jiantou-you"></i>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 智能模块广告 -->
            <div class="home-banner">
                <a href="javascript:;">
                    <img src="images/adv4.jpg" alt="">
                </a>
            </div>
            <!-- 智能模块 -->
            <div class="aitBox">
                <div class="box-hd">
                    <h2>智能</h2>
                    <div class="controls">
                        <a href="javascript:;">
                            <span class="checked">热门</span>
                        </a>
                        <a href="javascript:;">
                            <span>安防</span>
                        </a>
                        <a href="javascript:;">
                            <span>出行</span>
                        </a>
                    </div>
                </div>
                <div class="box-bm ai-bm clearfix">
                    <div class="side-left clearfix">
                        <a href="javascript:;" class="top brick-left"></a>
                        <a href="javascript:;" class="bottom brick-left"></a>
                    </div>
                    <ul class="brick-item">
                        <li class="left">
                            <a href="javascript:;">
                                <img src="images/ai-right1.jpg" alt="">
                                <h3 class="title">小米「小爱老师」</h3>
                                <p class="desc">英语提分利器</p>
                                <p class="price">749元<del>999元</del></p>
                            </a>
                        </li>
                        <li class="left">
                            <a href="javascript:;">
                                <img src="images/ai-right2.jpg" alt="">
                                <h3 class="title">小米智能门锁 E
                                </h3>
                                <p class="desc">告别钥匙，畅享便捷生活</p>
                                <p class="price">949元<del>999元</del></p>
                            </a>
                        </li>
                        <li class="left">
                            <a href="javascript:;">
                                <img src="images/ai-right3.jpg" alt="">
                                <h3 class="title">小米小爱音箱 Play</h3>
                                <p class="desc">听音乐、语音遥控家电</p>
                                <p class="price">89元<del>169元</del></p>
                            </a>
                        </li>
                        <li class="left">
                            <a href="javascript:;">
                                <img src="images/ai-right4.jpg" alt="">
                                <h3 class="title">小爱音箱万能遥控版</h3>
                                <p class="desc">传统家电秒变智能</p>
                                <p class="price">149元<del>199元</del></p>
                            </a>
                        </li>
                        <li class="left">
                            <a href="javascript:;">
                                <img src="images/ai-right5.jpg" alt="">
                                <h3 class="title">米家电饭煲4L</h3>
                                <p class="desc">890W 立体加热 </p>
                                <p class="price">249元<del>299元</del></p>
                            </a>
                        </li>
                        <li class="left">
                            <a href="javascript:;">
                                <img src="images/ai-right6.jpg" alt="">
                                <h3 class="title">米家智能窗帘</h3>
                                <p class="desc">窗帘开合随心控</p>
                                <p class="price">769元<del>799元</del></p>
                            </a>
                        </li>
                        <li class="left">
                            <a href="javascript:;">
                                <img src="images/ai-right7.jpg" alt="">
                                <h3 class="title">小米体脂秤2</h3>
                                <p class="desc">轻松掌握身体脂肪率</p>
                                <p class="price">99元</p>
                            </a>
                        </li>
                        <li class="left last">
                            <a href="javascript:;">
                                <div class="left">
                                    <h3 class="title">九号平衡车</h3>
                                    <p class="price">1799元</p>
                                </div>
                                <img src="images/ai-right8.jpg" alt="" class="right">
                            </a>
                        </li>
                        <li class="left last">
                            <a href="javascript:;">
                                <div class="left">
                                    <div class="more">浏览更多</div>
                                    <small>热门</small>
                                </div>
                                <i class="iconfont right icon-jiantou-you"></i>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 搭配模块广告 -->
            <div class="home-banner">
                <a href="javascript:;">
                    <img src="images/adv5.jpg" alt="">
                </a>
            </div>
            <!-- 配件模块广告 -->
            <div class="home-banner">
                <a href="javascript:;">
                    <img src="images/adv6.jpg" alt="">
                </a>
            </div>
            <!-- 周边模块广告 -->
            <div class="home-banner">
                <a href="javascript:;">
                    <img src="images/adv7.jpg" alt="">
                </a>
            </div>
            <!-- 周边模块广告 -->
            <div class="home-banner">
                <a href="javascript:;">
                    <img src="images/adv8.jpg" alt="">
                </a>
            </div>
        </div>
        <div class="home-tool">
            <a href="javascript:;">
                <i class="iconfont icon-19"></i>
                <p>手机APP</p>
            </a>
            <a href="javascript:;">
                <i class="iconfont icon-yonghu"></i>
                <p>个人中心</p>
            </a>
            <a href="javascript:;">
                <i class="iconfont icon-weixiu"></i>
                <p>售后服务</p>
            </a>
            <a href="javascript:;">
                <i class="iconfont icon-kefu1"></i>
                <p>人工客服</p>
            </a>
            <a href="javascript:;">
                <i class="iconfont icon-icon8"></i>
                <p>购物车</p>
            </a>
            <a href="javascript:;">
                <i class="iconfont icon-huidingbu"></i>
                <p>回到顶部</p>
            </a>
        </div>
</body>

</html>